import React, { Component } from 'react';
import '../../styles/my/CollectionBox.scss';
import { withRouter } from 'react-router-dom';
import { StarOutline, BankcardOutline, BillOutline } from 'antd-mobile-icons';



class CollectionBox extends Component {
    toCollection() {
        this.props.history.push('/collection');
    }
    render() {
        return (
            <div className='CollectionBox'>
                {/* 收藏组件 */}
                <div className='item' onClick={() => { this.toCollection() }}>
                    <StarOutline fontSize={24} />
                    <div className='text'>收藏</div>
                    <div className='number'>0</div>
                </div>
                <div className='item'>
                    <BankcardOutline fontSize={24} />
                    <div className='text'>积分</div>
                    <div className='number'>0</div>
                </div>
                <div className='item'>
                    <BillOutline fontSize={24} />
                    <div className='text'>优惠券</div>
                    <div className='number'>0</div>
                </div>
            </div>
        );
    }
}

export default withRouter(CollectionBox);